…al shift

Rewrite ui/src/styles/tokens.css so the legacy --bg-base / --text-primary /
--color-accent etc. names resolve to @ossrandom/design-system tokens
(--bg-0..3, --fg-1..4, --accent-fg, --border-1..3). Existing inline
`var(--*)` usage and the .card/.top-nav/.nav-link rules in global.css now
pick up the DS palette and fonts (Bricolage Grotesque, Plus Jakarta Sans,
Geist Mono, Cod Gray on Signal Red) without touching every component.

This is the thin transition shim called out as "out of scope" in the
parent commit's message — a follow-up PR will replace the class-based
styles in global.css with DS components and delete this file entirely.

Bundle delta: -21 CSS lines (light-theme block removed; DS owns theming
via ThemeProvider mode now). Live verified at oteliq.randomcodespace.dev:
the new CSS hash (index-BLTTK0qH.css) ships --bg-base:var(--bg-0) plus the
DS variable woff2 references for all three font families.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

…s + custom CSS

- ServiceMap: replace echarts force-directed graph with DS ServiceMap (cose-bilkent)
- TracesPage / LogsPage / ServiceSidePanel: replace .card / .badge / .side-panel
  classes with DS Card / Badge / Button / Alert / Input / Spin / Space
- TopNav / MCP console + modals: already on DS, polished tones (mono palette)
- ErrorBoundary: keep inline styles (must render if DS fails to load) but bind
  to DS CSS vars with hex fallbacks for theme harmony
- Strip global.css to layout-only escape hatches (#root, scrollbar, code, html
  height); strip tokens.css to box-sizing reset + colorJSON syntax palette
- Remove echarts dependency (-4 packages); delete unused EChart wrapper +
  tierLayout (orphaned after migration)
- Net 1376 insertions / 1722 deletions; CSS bundle 49 KB (gzip 9.4 KB)

…treams, MCP simplified

Each view now owns its own layout with PageHeader + Stat strip + a single full-width
data surface, instead of cramming a split-grid into a shared container.

- ServicesView: full-bleed DSServiceMap (height 620); right Drawer hosts the
  service detail panel on node-click. 4-up Stat strip surfaces real-time
  active services / error rate / total traces / total logs.
- TracesView: DS Table (compact, sticky header, striped) replaces the virtualized
  card list; row click opens a right Drawer with the span waterfall. Stats:
  in-view trace count, error count, avg duration, p95 (computed locally).
- LogsView: DS Table for the stream; severity Buttons + Input live in
  Card.extra. "Find similar" opens a right Drawer instead of stealing a
  side column. Stats: in-view / errors / warnings / info counts.
- MCPConsole rewritten: tool cards / Call / JSON-RPC modals removed entirely.
  Single Card now shows the endpoint URL with copy button + three example
  CodeBlocks (tools/list, tools/call, curl). useMCP hook deleted.
- TopNav: compact horizontal bar — brand, controlled Tabs, live/offline badge,
  theme toggle. Stat strip moved into per-view PageHeaders.
- App: AppShell.header = TopNav; main = view switch. No serviceFilter/dashboard
  global chrome — each view consumes what it needs.

Files removed: ToolCard.tsx, ToolCallModal.tsx, RPCPopup.tsx, useMCP.ts,
  ServiceMap.tsx, TracesPage.tsx, LogsPage.tsx (all replaced).
Deps removed: react-window, @types/react-window (-3 packages); virtualization
  is unnecessary at the 200-row cap.

Net 804 insertions / 1096 deletions; JS 247 KB / gzip 77 KB; CSS 48.5 KB / gzip 9.2 KB.

Mobile (≤760px) nav was unreachable — header overflowed off-screen with no
hamburger. Layout was also too heavy — every Stat was its own bordered Card.

- TopNav: useMediaQuery splits into compact (hamburger → left Drawer with DS
  Menu vertical) and wide (Tabs inline) variants
- StatRow component: single Card with inline Stats separated by Divider —
  replaces the 4-card 12-col Grid wrapper across all three views
- MCP page reduced to one Card: URL with Copy button + one paragraph on
  HTTP-Streamable / JSON-RPC / Bearer auth. The 3 example CodeBlocks are
  gone (they read as "tools" still being there).
- Drawer width: number on desktop, "92vw" on mobile so it doesn't overflow
- ServiceMap height: 660 desktop, 460 mobile (the map is the hero)
- PageHeaders use size="sm" with inlineSubtitle to reclaim vertical space
- ServicesView accepts string-or-number DBSizeMB from /api/stats (server
  returns "1990.0" as string while old type expected number)

11 files changed, 269 insertions / 258 deletions.

ServicesView and ServiceSidePanel: toFixed(2) instead of toFixed(1).

DS Stat renders delta.value verbatim, so passing a raw float showed e.g.
"↑15.661224321%". The error-rate / error-count / warn-count deltas were
also redundant with the main value (no period-over-period data).

- ServicesView / ServiceSidePanel: drop delta on error-rate Stat (showed
  the same number as the value).
- LogsView: drop delta on errors / warnings (same — count == count).
- TracesView: keep p95 delta (it's a real comparison vs avg) but round
  to 1 decimal at the source so DS doesn't print 10 decimals.

…unters

dashboard.total_traces / total_logs are *recent-window* counters, while
DBSizeMB reflects the entire on-disk dataset. The mismatch made 4 GB look
unjustified next to a small "Logs" number. Switch the Traces/Logs Stats
to /api/stats (TraceCount/LogCount) so they reconcile with DB size; fall
back to dashboard counters when /api/stats hasn't loaded yet.

…-foundation